<template>
    <div class="content">
        <div class="top"></div>
        <div class="header">
            <van-row class="text-top">
                <van-col span="8">收支/规模</van-col>
                <van-col span="8">门票收入</van-col>
                <van-col span="8">代金券收入</van-col>
            </van-row>
            <van-row class="text">
                <van-col span="8">{{ this.GameListQuery.tables}}桌/{{ this.GameListQuery.tables*4}}人</van-col>
                <van-col span="8"> {{ this.GameListQuery.ticketRevenue }}</van-col>
                <van-col span="8"> {{ this.GameListQuery.ticketMoney }}</van-col>
            </van-row>
            <div class="tips">
                备注：门票{{this.GameListQuery.payee}}元1人
            </div>
        </div>
    </div>
</template>
  
<script>
import { income } from "@/api/fulfil.js";

export default {
    data() {
        return {
            GameListQuery:{}
        };
    },
    mounted(){
        this.income();
    },
    methods: {
        income() {
            income({
                agentid: localStorage.getItem("agentid"),
                mid: localStorage.getItem("mid")
            })
                .then((res) => {
                    if (res.data.code == 0) {
                        this.GameListQuery = res.data.data;
                        
                    } else {
                        this.$Toast(res.data.msg);
                    }
                    console.log(res, 'res');

                })
                .catch((error) => {
                    this.changeShow = false;
                    console.log(error);
                });
        },
    },
};
</script>
  
<style scoped>
.content {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background-color: #F4F3F8;
}

.top {
    width: 100%;
    height: 3rem;
    background: linear-gradient(to bottom, #93c9af, #F4F3F8);
}

.header {
    position:relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: .4rem;
    margin: -1.5rem auto 0;
    width: 90%;
    height: 5rem;
    background-color: #fff;
    border-radius: .4rem;
    text-align: center;
}
.text {
    margin: .45rem auto 0;
    font-size: .35rem;
    color: black;
}
.text-top {
    margin: 0 auto 0;
    font-size: .4rem;
    color: black;

}
.tips {
    position:absolute;
    right:.4rem;
    bottom:.3rem;
    margin: .4rem auto 0;
    text-align: right;
    color: black;
}
</style>